ChartPanel のマウス操作

ChartPanel は、マウス操作をサポートしています。ChartPanelAction 列挙体は、グラフパネルオブジェクトに対するアクションを指定します。ChartPanelAction 列挙体には、次のメンバが含まれます。

メンバ名	説明
None	アクションなし。
MouseMove	マウスポインタに追随します。
LeftMouseButtonDrag	左マウスボタンを使用してドラッグできます。
RightMouseButtonDrag	右マウスボタンを使用してドラッグできます。

Action プロパティを使用して、ドラッグ可能な要素またはマウスポインタに追随する要素を作成できます。たとえば、前のサンプルにアクションを追加して、ユーザーがマーカーを移動できるようにすることができます。

XAML	コードのコピー
<!-- 垂直線 --> <c1:ChartPanelObject DataPoint="0,NaN" VerticalAlignment="Stretch" Action="LeftMouseButtonDrag" > <Border BorderBrush="Red" BorderThickness="3,0,0,0" Margin="-1.5,0,0,0" /> </c1:ChartPanelObject>

XAML

コードのコピー

<!-- 垂直線 -->
   <c1:ChartPanelObject DataPoint="0,NaN" VerticalAlignment="Stretch"
       Action="LeftMouseButtonDrag" >
     <Border BorderBrush="Red" BorderThickness="3,0,0,0"
Margin="-1.5,0,0,0" />
   </c1:ChartPanelObject>

データ連結を使用すると、現在の座標を示すラベルを簡単に追加できます。

XAML	コードのコピー
<!-- 座標ラベル付きの垂直線 --> <c1:ChartPanelObject x:Name="xmarker" DataPoint="0,NaN" VerticalAlignment="Stretch" Action="LeftMouseButtonDrag"> <Border BorderBrush="Red" BorderThickness="3,0,0,0" Margin="-1.5,0,0,0" > <TextBlock Text="{Binding RelativeSource={RelativeSource Self}, Path=Parent.Parent.DataPoint.X,StringFormat='x=0.0;x=-0.0'}" /> </Border> </c1:ChartPanelObject>

XAML

コードのコピー

 <!-- 座標ラベル付きの垂直線 -->
   <c1:ChartPanelObject x:Name="xmarker" DataPoint="0,NaN"
VerticalAlignment="Stretch"
       Action="LeftMouseButtonDrag">
     <Border BorderBrush="Red" BorderThickness="3,0,0,0"
Margin="-1.5,0,0,0" >
       <TextBlock
         Text="{Binding RelativeSource={RelativeSource Self},
         Path=Parent.Parent.DataPoint.X,StringFormat='x=0.0;x=-0.0'}" />
     </Border>
   </c1:ChartPanelObject>

Attach プロパティを使用すると、要素の位置を最も近いデータポイントにアタッチできます。一方の座標（X または Y）または両方の座標（XY）にアタッチできます。